<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>emmet语法 </title>
</head>
<body>
    <!-- 同级写法  -->
    <!-- div+p  -->
    <div></div>
    <p></p>

    <!-- 父子级写法 -->
    <!-- div>p  -->
    <div>
        <p>
            <i></i>
        </p>
    </div> 

    <!-- 包裹写法 -->
    <!-- ul里面有3个li，li里面有文字111 -->
    <!-- ul>li{111}*3  -->
    <ul>
        <li>111</li>
        <li>111</li>
        <li>111</li>
    </ul>

    <!-- ul里面有3个li，li里面有文字1、2、3 -->
    <!-- ul>li{$}*3 -->
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</body>
</html>